*{
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,p{
  font-family: 'Alibaba-Heavy';
}

html,body{
  width: 100%;
  height: 100%;
}
#app{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url(../img/bgi.png);
}
.game_container{
  width: 1300px;
  height: 800px;
  background-color: rgb(237, 237, 237);
  margin: 0 auto;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.game_select{
  margin-top: -10%;
}

.box-center{
  margin: 0 auto;
}


.game_start{
  width: 1300px;
  height: 800px;
}
.top{
  height: 100px;
  line-height: 6;
}
.top_left{
  float: left;
  margin-left: 25px;
}
.top_right{
  float: right;
  margin-right: 25px;
}
.mid{
  height: 600px;
  display: flex;
  justify-content: center;
}
#game_content{

}
.foot{
  height: 100px;
}
.hover_img {
  box-shadow: 1px rgb(243, 242, 242);
}
.hover_img :hover{
  transition: all  .10s  ease-in;
  box-shadow: 10px 10px 10px 10px rgb(200, 200, 200);
  transform:translateY(-4px);
  cursor: pointer;
}

/* 1、超小屏幕下 小于768 容器布局宽度为100% */
@media screen and (max-width: 767px) {
}

/* 小屏幕下 大于等于768 容器改为750px */
@media screen and (min-width: 768px) {
}

/* 3、中等屏幕下 992px  布局容器宽度为970px */
@media screen and (min-width: 992px) {
}

/* 4、大屏幕下 大于等于1200  布局容器修改为1170 */
@media screen and (min-width: 1200px) {
}



@font-face {
  font-family: Alibaba-Heavy;
  src: url('./font/AlibabaPuHuiTi-2-105-Heavy.ttf');
}
@font-face {
  font-family: Alibaba-ExtraBold;
  src: url('./font/AlibabaPuHuiTi-2-95-ExtraBold.ttf');
}